<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>

</head>
<body>
  <p><b>Hello World</b></p>
</body>
</html>

<script>
// const str ='<div><h1>Hello World</h1></div>';
// const reg = /<.+>/g;
// console.log(str.match(reg)); // ['<div><h1>Hello World</h1></div>']
  // 为什么是 上面的结果
    // 正则默认的是“贪婪规则”，因为 str 字符，除了 左侧是 `<`，右侧的`>`， 
      // 其中间所有的字符可以用， /.+/， 所以才命中了 '<div><h1>Hello World</h1></div>'
        // 以上，机位 “贪婪规则”

  // Q：如何避免贪婪规则？
  const str ='<div><h1>Hello World</h1></div>';
  const reg = /<.+?>/g; // 加上了`?` , 即避免了 `+` 的贪婪规则；即以最短距离去匹配 `.+`
  console.log(str.match(reg)); // ['<div>', '<h1>', '</h1>', '</div>']
</script>